﻿.Sample5 
{
}
    .Sample5 .CalculatorWindow
    {
        width: 550px;
        height: 500px;
    }
        .Sample5 .CalculatorWindow .CalculationBox 
        {
            width:440px;
            height: 100px;
            top: 30px;
            left: 55px;
            font-size: 50px;
        }
            .Sample5 .CalculatorWindow .CalculationBox input 
            {
                font-size: inherit;
                text-align: right;
            }
        
        .Sample5 .CalculatorWindow .Key
        {
            width:60px;
            height:60px;
        }
        .Sample5 .CalculatorWindow .Key .Label
        {
            font-size: 30px;
            text-align: center;
        }
        .Sample5 .CalculatorWindow .Key7
        {
            left: 55px;
            top: 150px;
        }
        .Sample5 .CalculatorWindow .Key4
        {
            left: 55px;
            top: 220px;
        }
        .Sample5 .CalculatorWindow .Key1
        {
            left: 55px;
            top: 290px;
        }
        .Sample5 .CalculatorWindow .Key0
        {
            left: 55px;
            top: 360px;
        }
        .Sample5 .CalculatorWindow .Key8
        {
            left: 125px;
            top: 150px;
        }
        .Sample5 .CalculatorWindow .Key5
        {
            left: 125px;
            top: 220px;
        }
        .Sample5 .CalculatorWindow .Key2
        {
            left: 125px;
            top: 290px;
        }
        .Sample5 .CalculatorWindow .KeyDot
        {
            left: 125px;
            top: 360px;
        }
        .Sample5 .CalculatorWindow .Key9
        {
            left: 195px;
            top: 150px;
        }
        .Sample5 .CalculatorWindow .Key6
        {
            left: 195px;
            top: 220px;
        }
        .Sample5 .CalculatorWindow .Key3
        {
            left: 195px;
            top: 290px;
        }
        .Sample5 .CalculatorWindow .CmdButton
        {
            width:90px;
            height:90px;
        }
        .Sample5 .CalculatorWindow .CmdButton .Label
        {
            font-size: 60px;
            text-align: center;
        }
        .Sample5 .CalculatorWindow .ButtonAdd
        {
            left: auto;
            right: 160px;
            top: 155px;
        }
        .Sample5 .CalculatorWindow .ButtonSub
        {
            left: auto;
            right: 60px;
            top: 155px;
        }
        .Sample5 .CalculatorWindow .ButtonMul
        {
            left: auto;
            right: 160px;
            top: 255px;
        }
        .Sample5 .CalculatorWindow .ButtonDiv
        {
            left: auto;
            right: 60px;
            top: 255px;
        }
            .Sample5 .CalculatorWindow .ButtonDiv .Label 
            {
                font-size: 40px;
                bottom: 18px;
            }
        
        .Sample5 .CalculatorWindow .ButtonClear
        {
            width: 120px;
            height: 60px;
            left: auto;
            right: 130px;
            top: 360px;
        }
        .Sample5 .CalculatorWindow .ButtonClear .Label
        {
            text-align: center;
            font-size: 20px;
        }
        .Sample5 .CalculatorWindow .ButtonEquals
        {
            width: 60px;
            height: 60px;
            left: auto;
            right: 60px;
            top: 360px;
        }
        .Sample5 .CalculatorWindow .ButtonEquals .Label
        {
            text-align: center;
            font-size: 35px;
        }

.Sample9 
{
}
    .Sample9 .CalculatorWindow
    {
        width: 550px;
        height: 500px;
    }
        .Sample9 .CalculatorWindow .CalculationBox 
        {
            width:440px;
            height: 100px;
            top: 30px;
            left: 55px;
            font-size: 50px;
        }
            .Sample9 .CalculatorWindow .CalculationBox input 
            {
                font-size: inherit;
                text-align: right;
            }
        
        .Sample9 .CalculatorWindow .Key
        {
            width:60px;
            height:60px;
        }
        .Sample9 .CalculatorWindow .Key .Label
        {
            font-size: 30px;
            text-align: center;
        }
        .Sample9 .CalculatorWindow .Key7
        {
            left: 55px;
            top: 150px;
        }
        .Sample9 .CalculatorWindow .Key4
        {
            left: 55px;
            top: 220px;
        }
        .Sample9 .CalculatorWindow .Key1
        {
            left: 55px;
            top: 290px;
        }
        .Sample9 .CalculatorWindow .Key0
        {
            left: 55px;
            top: 360px;
        }
        .Sample9 .CalculatorWindow .Key8
        {
            left: 125px;
            top: 150px;
        }
        .Sample9 .CalculatorWindow .Key5
        {
            left: 125px;
            top: 220px;
        }
        .Sample9 .CalculatorWindow .Key2
        {
            left: 125px;
            top: 290px;
        }
        .Sample9 .CalculatorWindow .KeyDot
        {
            left: 125px;
            top: 360px;
        }
        .Sample9 .CalculatorWindow .Key9
        {
            left: 195px;
            top: 150px;
        }
        .Sample9 .CalculatorWindow .Key6
        {
            left: 195px;
            top: 220px;
        }
        .Sample9 .CalculatorWindow .Key3
        {
            left: 195px;
            top: 290px;
        }
        .Sample9 .CalculatorWindow .CmdButton
        {
            width:90px;
            height:90px;
        }
        .Sample9 .CalculatorWindow .CmdButton .Label
        {
            font-size: 60px;
            text-align: center;
        }
        .Sample9 .CalculatorWindow .ButtonAdd
        {
            left: auto;
            right: 160px;
            top: 155px;
        }
        .Sample9 .CalculatorWindow .ButtonSub
        {
            left: auto;
            right: 60px;
            top: 155px;
        }
        .Sample9 .CalculatorWindow .ButtonMul
        {
            left: auto;
            right: 160px;
            top: 255px;
        }
        .Sample9 .CalculatorWindow .ButtonDiv
        {
            left: auto;
            right: 60px;
            top: 255px;
        }
            .Sample9 .CalculatorWindow .ButtonDiv .Label 
            {
                font-size: 40px;
                bottom: 18px;
            }
        
        .Sample9 .CalculatorWindow .ButtonClear
        {
            width: 120px;
            height: 60px;
            left: auto;
            right: 130px;
            top: 360px;
        }
        .Sample9 .CalculatorWindow .ButtonClear .Label
        {
            text-align: center;
            font-size: 20px;
        }
        .Sample9 .CalculatorWindow .ButtonEquals
        {
            width: 60px;
            height: 60px;
            left: auto;
            right: 60px;
            top: 360px;
        }
        .Sample9 .CalculatorWindow .ButtonEquals .Label
        {
            text-align: center;
            font-size: 35px;
        }

    .Sample9 .CalculatorWindow.Mobile
    {
        width: 100%;
        height: 100%;
    }
        .Sample9 .CalculatorWindow.Mobile .CalculationBox 
        {
            width:90%;
            height: 60px;
            top: 20px;
            left: 5%;
            font-size: 40px;
        }
            .Sample9 .CalculatorWindow.Mobile .CalculationBox input 
            {
                font-size: inherit;
                text-align: right;
            }
        
        .Sample9 .CalculatorWindow.Mobile .Key
        {
            width:18%;
            height:45px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key .Label
        {
            font-size: 22px;
            text-align: center;
        }
        .Sample9 .CalculatorWindow.Mobile .Key9
        {
            left: 77%;
            top: 100px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key8
        {
            left: 53%;
            top: 100px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key7
        {
            left: 29%;
            top: 100px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key6
        {
            left: 5%;
            top: 100px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key5
        {
            left: 77%;
            top: 160px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key4
        {
            left: 53%;
            top: 160px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key3
        {
            left: 29%;
            top: 160px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key2
        {
            left: 5%;
            top: 160px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key1
        {
            left: 29%;
            top: 220px;
        }
        .Sample9 .CalculatorWindow.Mobile .Key0
        {
            left: 5%;
            top: 220px;
        }
        .Sample9 .CalculatorWindow.Mobile .KeyDot
        {
            left: 53%;
            top: 220px;
        }
        .Sample9 .CalculatorWindow.Mobile .CmdButton
        {
            width:20%;
            height:60px;
        }
            .Sample9 .CalculatorWindow.Mobile .CmdButton .Label
            {
                font-size: 35px;
                text-align: center;
            }

        .Sample9 .CalculatorWindow.Mobile .ButtonAdd
        {
            left: 10%;
            top: 280px;
        }
        .Sample9 .CalculatorWindow.Mobile .ButtonSub
        {
            left: 35%;
            top: 280px;
        }
        .Sample9 .CalculatorWindow.Mobile .ButtonMul
        {
            left: 10%;
            top: 355px;
        }
        .Sample9 .CalculatorWindow.Mobile .ButtonDiv
        {
            left: 35%;
            top: 355px;
        }
            .Sample9 .CalculatorWindow.Mobile .ButtonDiv .Label 
            {
                font-size: 35px;
                bottom: 8px;
            }
        
        .Sample9 .CalculatorWindow.Mobile .ButtonClear
        {
            width: 26%;
            height: 60px;
            left: auto;
            right: 8%;
            top: 280px;
        }
        .Sample9 .CalculatorWindow.Mobile .ButtonClear .Label
        {
            text-align: center;
            font-size: 20px;
        }
        .Sample9 .CalculatorWindow.Mobile .ButtonEquals
        {
            width: 26%;
            height: 60px;
            left: auto;
            right: 8%;
            top: 355px;
        }
        .Sample9 .CalculatorWindow.Mobile .ButtonEquals .Label
        {
            text-align: center;
            font-size: 35px;
        }

.Sample10
{
}
    .Sample10 .FileUpload
    {
        width: 90%;
        height: 35px;
        border: 1px solid #000;
        padding: 2px;
        margin: 5%;
    }
        .Sample10 .FileUpload input 
        {
            width: 100%;
            height: 100%;
        }
        
.Sample11
{
}
    .Sample11 .FileUpload
    {
        width: 90%;
        height: 70px;
        border: 1px solid #000;
        padding: 2px;
        margin: 5%;
    }
        .Sample11 .FileUpload input 
        {
            width: 100%;
            height: 31px;
        }
        .Sample11 .FileUpload .Button
        {
            width: 96%;
            height: 30px;
            top: 33px;
            left: 2%;
        }
            .Sample11 .FileUpload .Button .Label
            {
                bottom: 5px;
            }
